<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="description" content="Labeling data is painful. Let SMART help. SMART is an open source application designed to help data scientists and research teams efficiently build labeled training datasets for supervised machine learning tasks.">
    <meta name="author" content="">
    
    <meta property="og:image" content="https://github.com/RTIInternational/SMART/blob/master/docs/img/smart-banner-og.png?raw=True">
    <meta property="og:description" content="Labeling data is painful. Let SMART help. SMART is an open source application designed to help data scientists and research teams efficiently build labeled training datasets for supervised machine learning tasks.">
    <meta property="og:title" content="SMART">
    <meta property="og:site_name" content="SMART">
    
    <meta property="twitter:image" content="https://github.com/RTIInternational/SMART/blob/master/docs/img/smart-banner-og.png?raw=True">
    <meta property="twitter:description" content="Labeling data is painful. Let SMART help. SMART is an open source application designed to help data scientists and research teams efficiently build labeled training datasets for supervised machine learning tasks.">
    <meta property="twitter:title" content="SMART">

    <title>SMART</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Jaldi:100,200,300,400,500,600,700,800,900" rel="stylesheet">

    <link rel="shortcut icon" href="https://github.com/RTIInternational/SMART/blob/master/docs/img/SMART_logo32x32_bw.ico?raw=True" type="image/x-icon">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="device-mockups/device-mockups.min.css">

    <!-- Custom styles for this template -->
    <link href="css/new-age.min.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <!--<a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a> -->
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <a class="js-scroll-trigger" href="#landing">
            <img id="logoNav" alt="">
          </a>
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#download">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#features">Features</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#cta">Documentation</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <header class="masthead">
      <div class="container h-100" id="landing">
        <div class="row h-100">
          <div class="col-lg-7 my-auto">
            <div class="header-content mx-auto">
              <h1 class="mb-5">Labeling data is painful. Let SMART help.</h1>
              <a href="https://github.com/RTIInternational/SMART" class="btn btn-outline btn-xl js-scroll-trigger">Download now from Github</a>
            </div>
          </div>
          <div class="col-lg-5 my-auto">
            <div class="device-container">
              <div class="device-mockup nexus7 portrait white">
                <div class="device">
                  <div class="screen">
                    <!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
                    <img src="img/SMART-logo_shadow_green_screen.png" class="img-fluid" alt="">
                  </div>
                  <div class="button">
                    <!-- You can hook the "home button" to some JavaScript events or just remove it -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <section class="download bg-primary text-center" id="download">
      <div class="container">
        <div class="row">
          <div class="col-md-8 mx-auto">
            <h2 class="section-heading">More Labels, Less Hassle</h2>
            <p>SMART is an open source application designed to help data scientists and research teams efficiently build labeled training datasets for supervised machine learning tasks.</p>
            <div class="badges">
              <span style="font-size: 75px;">
                <i class="fab fa-python"></i>
                <i class="fab fa-react"></i>
                <i class="fab fa-js-square"></i>
                <i class="fab fa-html5"></i>
                <i class="fab fa-css3-alt"></i>
                <i class="fab fa-docker"></i>
              </span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="features" id="features">
      <div class="container">
        <div class="text-center">
          <h2>SMART Features</h2>
          <p class="text-muted">"Work Smarter, Not Harder."</p>
        </div>
        <div class="row">
          <div class="col-lg-12 my-auto">
            <div class="container-fluid">
              <div class="row">
                <div class="col-lg-4">
                  <div class="feature-item">
                    <img src="https://png.icons8.com/nolan/100/000000/connection-sync.png">
                    <h3>Active Learning</h3>
                    <p class="text-muted">Label observations more likely to improve model performance.</p>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="feature-item">
                    <img src="https://png.icons8.com/nolan/100/000000/to-do.png">
                    <h3>Inter-rater Reliability</h3>
                    <p class="text-muted">Get your team on the same page and ensure quality labels.</p>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="feature-item">
                    <img src="https://png.icons8.com/nolan/100/000000/combo-chart.png">
                    <h3>Admin Dashboard</h3>
                    <p class="text-muted">Manage the labeling process and monitor coder progress.</p>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-lg-4">
                  <div class="feature-item">
                    <img src="https://png.icons8.com/nolan/100/000000/conference-call.png">
                    <h3>Multi-user Coding</h3>
                    <p class="text-muted">Allow parallel annotation efforts within a project.</p>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="feature-item">
                    <img src="https://png.icons8.com/nolan/100/000000/data-protection.png">
                    <h3>On-Premise Install</h3>
                    <p class="text-muted">Keep sensitive data secure within your organization’s firewall.</p>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="feature-item">
                    <img src="https://png.icons8.com/nolan/100/000000/open-sign.png">
                    <h3>Open Source</h3>
                    <p class="text-muted">Made available under the permissive MIT License.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="cta" id="cta">
      <div class="cta-content">
        <div class="container">
          <h2>Read SMART docs.<br>Build SMART datasets.</h2>
          <a href="https://smart-app.readthedocs.io/en/latest/" class="btn btn-outline btn-xl js-scroll-trigger">Read The User Docs</a>
        </div>
      </div>
      <div class="overlay"></div>
    </section>

    <section class="contact" id="contact">
      <div class="container">
        <h2>Built with generous support from:</h2>
            <a href="https://datascienceconsortium.org/">
              <img src="img/NCDS-Official-Logo-Horizontal.jpg">
            </a>
            <a href="https://www.rti.org/">
              <img src="img/RTI_logo.png">
            </a>
          </li>
        </ul>
      </div>
    </section>

    <footer>
      <div class="container">
        <p>&copy; SMART 2018. All Rights Reserved.</p>
        <ul>
          <li>
            <a href="https://icons8.com">Icon pack by Icons8</a>    
          </li>
        </ul>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="js/new-age.min.js"></script>

  </body>

</html>
